body { margin: 0px; padding: 0px;  }
ul.resp-tabs-list { margin: 0px; padding: 0px; }
div#parentHorizontalTab{ text-align:left; }
ul.resp-tabs-list {margin: 0px auto;float: none;display: inline-block;width: auto;margin-bottom:10px;}
.resp-tabs-list li { font-size: 17px; line-height: 17px; display: inline-block; padding: 12px 20px; margin-right: 5px; list-style: none; cursor: pointer; float: left; color: #fff; text-transform: uppercase; border-radius: 0; transition: 0.5s; font-weight: 500; }

.resp-tabs-list li:last-child{margin-right:0px;}
.resp-tabs-list li:hover { background: #2b2b7c; transition: 0.5s; color:#fff; }
.resp-tabs-list li:hover span{color:#FFF}

.resp-tabs-list li.tab-bg01 { background:#f36f23; border:1px solid #f36f23;  }
.resp-tabs-list li.tab-bg02 { background:#36b7dd; border:1px solid #36b7dd;  }
.resp-tabs-list li.tab-bg03 { background:#26b394; border:1px solid #26b394;  }

.resp-tabs-container { padding: 0px; background-color: transparent; clear: left; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; padding:0px; }
.resp-tab-active { color: #FFF !important;}

.resp-tabs-list li.tab-bg01.resp-tab-active { background:#d85103; border:1px solid #d85103; position:relative;  }
.resp-tabs-list li.tab-bg02.resp-tab-active { background:#0f93ba; border:1px solid #0f93ba; position:relative;  }
.resp-tabs-list li.tab-bg03.resp-tab-active { background:#099173; border:1px solid #099173; position:relative;  }

.resp-tabs-list li.tab-bg01.resp-tab-active:before { content: ''; position: absolute; bottom: -20px; left: 20px; width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #d85103; } 

.resp-tabs-list li.tab-bg02.resp-tab-active:before { content: ''; position: absolute; bottom: -20px; left: 20px; width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #0f93ba; } 

.resp-tabs-list li.tab-bg03.resp-tab-active:before { content: ''; position: absolute; bottom: -20px; left: 20px; width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #099173; } 

.resp-tab-active span{color: #ffffff;}
.resp-content-active, .resp-accordion-active { display: block; }

.resp-tab-content { border: none; border-top: 0px; background: none; width: 100%; float: left; }
.resp-tab-content p { font-size: 1rem; line-height: 1.625rem; margin-bottom: 25px;} 
.resp-tab-content h3 { color: #000; text-transform: capitalize; margin-bottom: 25px; font-family: "Barlow Condensed",sans-serif;  font-size: 1.125rem; font-weight: 500; letter-spacing: 0.05em; }

h2.resp-accordion { font-size: 18px; border: 1px solid #dfdff9; margin: 0px; padding:20px 20px 20px 55px; text-align: left; 
color: #fff; width: 100%; float: left;
 background: #ffffff url(../images/click-arrow-blue.png) no-repeat 20px 26px !important; float: left; font-weight:700;
 line-height:28px;  border-top: 0px solid #c1c1c1;  }

.tab-bg01 h2.resp-accordion { background: #d85103 url(../images/click-arrow-white.png) no-repeat 20px 26px !important; }
.tab-bg02 h2.resp-accordion { background: #36b7dd url(../images/click-arrow-white.png) no-repeat 20px 26px !important; }
.tab-bg03 h2.resp-accordion { background: #26b394 url(../images/click-arrow-white.png) no-repeat 20px 26px !important; }

h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }

h2.resp-tab-active { color:#fff !important; position:relative; background:#2b2b7c url(../images/click-arrow-white.png) no-repeat 20px 26px !important; }
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 30%; }
.resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0 0 4px; cursor: pointer; float: none; }
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; }
.resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; }
.resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; border-top: 1px solid; border: 1px solid #5AB1D0 !important; border-left: 4px solid #5AB1D0 !important; margin-bottom: 4px !important; border-right: 1px #FFF solid !important; }

.resp-arrow {width: 26px;height: 43px; background: url(../images/plus-icon.png) no-repeat center;  float: right;}

h2.resp-tab-active span.resp-arrow {width: 26px;height: 43px; background: url(../images/minus-icon.png) no-repeat center; } 

/*-----------Accordion styles-----------*/

/* h2.resp-tab-active:after { content:''; position:absolute; left:0;  bottom:0; width:100px; height:2px; background:#2b2b7c; } */
.resp-easy-accordion h2.resp-accordion { display: block; color:#fff; }
.resp-easy-accordion .resp-tab-content { border:1px solid #c1c1c1; padding:20px 55px; }

.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }


/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/



@media only screen and (max-width: 1024px) {
.resp-tabs-list li { font-size:15px;  }

}





@media only screen and (max-width: 768px) {
.resp-tabs-list li { font-size:12px; padding: 10px 12px; }
h2.resp-accordion hor_1 { display:none; }
#parentHorizontalTab h2.resp-accordion { display: block; }
#parentHorizontalTab h2.hor_1 { display:none; }
/* #parentHorizontalTab h2.resp-accordion { background: #2b2b7c !important; color: #fff !important; padding: 10px; border-bottom:1px solid #dfdff9; }  */
/* #ChildVerticalTab_1 h2.resp-accordion { background: transparent !important; color: #2b2b7c !important; }  */
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; }
.resp-accordion-closed { display: none !important; }
.resp-tab-content { padding:15px 0;}



}





@media only screen and (max-width: 400px) {
.resp-tabs-list li { font-size: 12px; padding: 10px; width: 90px; text-align: center; }	

 	
}